<template>
  <div>
    <a-timeline mode="horizontal">
      <a-timeline-item v-for="(item, index) in timelineData" :key="index">
        {{ item.date }} - {{ item.event }}
      </a-timeline-item>
    </a-timeline>
  </div>
</template>

<script>
export default {
  data() {
    return {
      timelineData: [
        { date: '2023-01-01', event: '事件1' },
        { date: '2023-02-01', event: '事件2' },
        { date: '2023-03-01', event: '事件3' },
        { date: '2023-04-01', event: '事件4' },
      ],
    };
  },
};
</script>
